/* 注册/登录 表单 切换*/
$(function () {
  $('#goto-register').on('click', () => {
    // console.log('------')
    // 显示注册的盒子
    $('#register').stop().show()
  })

  $('#goto-login').on('click', () => {
    // 隐藏注册的盒子
    $('#register').stop().hide()
  })

  // 定义自己的表单校验规则 在html页面引入layuijs之后会在window上挂载layui,在layui中有form
  // console.log(window.layui.form)
  // const form = window.layui.form
  const { form, layer } = layui
  form.verify({
    username: [/^[a-z0-9]{6,10}$/, '账号名是6到10位由数字，小写字母组成'],
    password: [/^[\S]{6,10}$/, '密码是6到10位，不能有空格'],
    //注册页-确认密码
    repwd: function (value) {
      return value !== $('.pwd').val() && '两次输入的密码不相同'
    },
  })

  // 注册账号 为注册的表单绑定submit事件, 表单默认行为 刷新页面
  $('#register .layui-form').on('submit', async (e) => {
    e.preventDefault()
    // console.log(
    //   $('#register input[name=username]').val(),
    //   $('#register input[name=password]').val()
    // )
    const obj = {
      username: $('#register input[name=username]').val(),
      password: $('#register input[name=password]').val(),
    }
    // console.log(obj)
    const arr = []
    for (let k in obj) {
      // console.log(k)
      // console.log(obj[k])
      arr.push(`${k}=${obj[k]}`)
    }
    const str = arr.join('&')
    console.log(str)
    const res = await axios({
      method: 'post',
      url: 'http://api-breakingnews-web.itheima.net/api/reguser',

      data: str,
    })
    const {
      data: { status, message },
    } = res
    console.log(res)
    if (status === 0) {
      layer.msg(message)
      $('#register').stop().hide()
    }
  })

  // 登录账号 为注册的表单绑定submit事件, 表单默认行为 刷新页面
  $('#login .layui-form').on('submit', async (e) => {
    e.preventDefault()
    const obj = {
      username: $('#login input[name=username]').val(),
      password: $('#login input[name=password]').val(),
    }
    const arr = []
    for (let k in obj) {
      arr.push(`${k}=${obj[k]}`)
    }
    const str = arr.join('&')
    axios({
      method: 'post',
      url: 'http://api-breakingnews-web.itheima.net/api/login',
      data: str,
    }).then((res) => {
      const {
        data: { status, message },
      } = res
      console.log(res)
      if (status === 0) {
        layer.msg(message)
        debugger
        location.href = 'index.html'
      }
    })
  })
})
